.Card{padding:5px;will-change:transform}.Card>*{width:CLAMP(250px, 16vw, 500px);min-width:250px;position:relative;aspect-ratio:1 / 1.4;border-radius:var(--radiusBig);overflow:hidden;padding:3px;pointer-events:all}.Card>*>.container{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;border-radius:var(--radiusBig);overflow:hidden;padding:CLAMP(20px, 2.3vw, 40px);border:1px solid rgba(255,255,255,0.3)}.Card>*>.container .bg{background-size:cover;background-position:center center;z-index:0}.Card>*>.container .title{font-family:var(--font-sora);text-transform:uppercase;word-break:normal;font-size:CLAMP(19px, 2dvw, 21px);line-height:100%}.Card>*>.container .content{z-index:2;position:relative;display:flex;flex-direction:column;gap:CLAMP(10px, 1vw, 20px)}.Card>*>.container .content ul{display:flex;flex-direction:column;gap:2px}.Card>*>.container .content ul li{display:flex;font-family:var(--font-inter);text-transform:uppercase;font-weight:400;font-size:CLAMP(10px, 1vw, 12px);gap:5px}.Card>*>.container .content ul li.underline{text-decoration:underline}.Card>*>.container .content .meter{width:100%;padding:2px;border:1px solid rgba(var(--strokeRGB), 0.25);border-radius:40px;z-index:2;position:relative}.Card>*>.container .content .meter .outer{background-color:white;border-radius:40px;width:var(--match);background-image:linear-gradient(90deg, var(--green) 0%, var(--white) 100%);height:100%;display:flex;align-items:center;padding:6px 10px}.Card>*>.container .content .meter .outer span{color:var(--black);font-size:CLAMP(10px, 1vw, 12px);font-family:var(--font-inter);text-transform:uppercase;font-weight:600;white-space:nowrap;overflow:ellipsis}.Card>*>.container .content .meter--full .outer{background-image:none;background-color:var(--green)}.Card>*:after{content:"";background-image:linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%),linear-gradient(0deg, #000 10%, rgba(0,0,0,0));z-index:1}.Card--dark{color:#fff;margin-bottom:20px}.Card--dark>*{background:rgba(0,0,0,0.4)}.Card--dark>*>.container>.shimmer{width:100%;height:100%;position:absolute;left:0;top:0}.Card--light{background-color:transparent;color:var(--black)}.Card--light>*:before,.Card--light>*:after{display:none}.Card--light>*>.container{padding:4%;justify-content:space-between;border:1px solid rgba(var(--strokeRGB), 0.25)}.Card--light>*>.container .content{padding:20px 10px 10px 10px}.Card--light>*>.container>.shimmer{position:relative;height:100%;overflow:hidden;border-radius:var(--radiusBig)}.Card figcaption{display:none}
